@charset "utf-8";

*{
  margin: 0;
  padding: 0
}
body{
  font: 14px/1.5 "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
  color: #333;
  //background-color: #f7f8fa;
  min-width: 1200px;
}
html,body{
  height: 100%;
}
input, textarea, select, button{
  font-family: "Microsoft Yahei"!important;
}
a {
  text-decoration: none;
}

ul li,ol li {
  list-style: none;
}

* :focus {
  outline: none;
}

/*颜色*/
$b2b2b2: #b2b2b2;
$color_292d33: #292d33;
$da251c: #da251c;
$fff:#fff;
$color_3:#333;
//边框
$border: 1px solid #b2b2b2;
$ebebeb: 1px solid #ebebeb;
/*字体大小*/
$font16: 16px;
.header{
  width: 100%;
  height: auto;
  .topNav {
    width: 100%;
    height: 40px;
    background-color: #353b42;
    ul {
      width: 1200px;
      height: 40px;
      margin: 0 auto;
      overflow: hidden;
      li {
        float: left;
        height: 40px;
        overflow: hidden;
        a {
          display: inline-block;
          font-size: 12px;
          height: 12px;
          line-height: 12px;
          margin-top: 14px;
          padding: 0 10px;
          color: $b2b2b2;
          border-right: $border;
          &:hover {
            color: #fff;
          }
        }
        &:first-child {
          a {
            padding-left: 0;
          }
        }
      }
    }
  }
  /*头部导航*/
  .navBar {
    width: 100%;
    height: 80px;
    border-bottom: $ebebeb;
    position: relative;
    .navContent {
      width: 1200px;
      margin: 0 auto;
      height: 80px;
      .logo {
        float: left;
        width: 125px;
        height: 34px;
        margin-top: 23px;
        background: url("../images/logo.png") no-repeat;
      }
      ul {
        margin-left: 46px;
        width: auto;
        height: 80px;
        line-height: 80px;
        float: left;
        overflow: hidden;
        li {
          height: 80px;
          float: left;
          padding: 0 20px;
          overflow: hidden;
          a {
            display: inline-block;
            font-size: 16px;
            height: 16px;
            line-height: 16px;
            margin-top: 32px;
            color: $color_292d33;
            &:hover {
              color: $da251c;
            }
          }
        }
      }
      .search {
        width: 218px;
        height: 38px;
        margin-top: 20px;
        float: right;
        margin-left: -218px;
        border-radius: 19px;
        border: 1px solid $da251c;
        input {
          width: 168px;
          text-indent: 2em;
          border: none;
          height: 38px;
          line-height: 38px;
          float: left;
          font-size: $font16;
          border-radius: 19px 0 0 19px;
        }
        div {
          float: right;
          width: 50px;
          height: 38px;
          border-radius: 0 18px 18px 0;
          background: $da251c;
          background-image: url("../images/search.png");
          background-repeat: no-repeat;
          background-position: center center;
        }
      }
    }
    .dropDown{
      position: absolute;
      top: 80px;
      width: 100%;
      height: 180px;
      background: $fff;
      z-index: 1;
      box-shadow: 0 5px 5px -3px rgba(0,0,0,.1);
      ul{
        width: 1200px;
        margin: 0 auto;
        overflow: hidden;
        border-top: $ebebeb;
        li{
          float: left;
          width: 240px;
          text-align: center;
          img{
            width: 49px;
            height: 80px;
            margin-top: 30px;
          }
          p{
            font-size: $font16;
            color: $color_3;
            line-height: 1;
            margin-top: 20px;
          }
        }
      }
    }
  }
}


.container {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  position: relative;
}

.tnTab{width: 100%;}
.tnTabContent{display:none;}
.tnTabContent.current{display:block}

.hidden{
  display: none;
}
.show{
  display: block;
}
.bg_color{
  background: #f5f5f5;
}
.red{
  color:$da251c ;
}